<template>
	<div class="lists-nav-container">
    <div class="lists-nav">
      <section :class="navData.curType==1?'cur':''" @click="clickListsNav(1)">全部订单<i></i></section>
      <section :class="navData.curType==2?'cur':''" @click="clickListsNav(2)">待付款<i></i></section>
      <section :class="navData.curType==3?'cur':''" @click="clickListsNav(3)">已发货<i></i></section>
      <section :class="navData.curType==4?'cur':''" @click="clickListsNav(4)">退款/售后<i></i></section>
    </div>
  </div>
</template>

<script>
  import Vue from 'vue'
  export default Vue.extend({
    name: 'index',
    components: {
  
    },
    props: {
      navData: {
        type: Object,
        default: {
          curType: 1
        }
      }
    },
    data() {
      return {
      }
    },
    methods: {
      clickListsNav(type) {
        if (type != this.navData.curType) {
          this.$emit('changeOrderType', type)
          this.navData.curType = type
        }
      }
    },
    created() {
    }
  })
</script>

<style lang="scss">
@import "src/styles/order/lists";
</style>